<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="div">
        <header>
            <div class="logo">
                <h4>美团</h4>
            </div>
            <div class="nav">
                <input type="text" placeholder="搜索商家地名">          
                <button class="iconfont">&#xe6e4;</button>
                <ul>
                    <li>美团外卖</li>
                    <li>猫眼电影</li>
                    <li>美团酒店</li>
                    <li>民宿/公寓</li>
                    <li>商家入驻</li>
                    <li>美团公益</li>
                </ul>
            </div>
            

        </header>
        <main>
            <div class="one">
                <div class="oneleft"></div>
                <div class="onecenter">
                    <div class="octop">
                        <div class="ocbanner">
                            <div class="swiper-container">
                                <div class="swiper-wrapper page">
                                    <div class="swiper-slide"></div>
                                </div>
                            </div>
                        </div>
                        <div class="ocright"></div>
                    </div>
                    <div class="ocdown"></div>
                </div>
                <div class="oneright"></div>
                
                
                
                
                
            </div>
            <div class="two"></div>
            <div class="three"></div>
        </main>
        
    </div>

    <div id="app"></div>
</body>
</html>